import { createVNode, render } from 'vue'
import Message from './index.vue'

export function MessageTest ({ text, type }) {
  // 虚拟dom
  const msg = createVNode(Message, { type, text })
  // 动态生成一个容器
  const div = document.createElement('div')
  // 容器在挂载到body中
  document.body.appendChild(div)
  // 销毁弹窗
  setTimeout(() => {
    // 第一个值为null 就可以销毁弹窗  固定写法
    render(null, div)
  }, 1000)
  // 挂载到容器上
  render(msg, div)
}
